@mixin divCenter($top:0,$vertical:auto,$bottom:0) {
    margin: $top $vertical $bottom;
}
.container{
    @include divCenter;
}
.morecontainer{
    width: 118px;
    height: 43px;
    @include divCenter;
    .more{
        width: 118px;
        height: 43px;
        border: 1px solid #a0a0a0;
        text-align: center;
        line-height: 43px;
        color: #a8a8b7;
        position: absolute;
    }
}

.title{
    width: 100%;
    height: 40px;
    margin-top: 52px;
    margin-bottom: 30px;
    .parent{
        width:197px;
        height: 18px;
        margin-bottom: 17px;
        @include divCenter;
        border-bottom: 1px solid black;
        position: relative;
        
        h2{
            width: 85px;
            height: 20px;
            font-size: 18px;
            line-height: 20px;
            text-align: center;
            @include divCenter;
            background-color: #fff;
        }
        p{
            width:197px;
            height: 17px;
            font-size: 14px;
            line-height: 17px;
            color: #959595;
            text-align: center;
            
            position: absolute;
            bottom: -20px;
        }
        
    }
}
.product{
    width: 940px;
    @include divCenter;
     a{
         width: 180px;
         height: 206px;
         display: inline-block;
         margin-right: 66px;
         margin-bottom: 64px;
        .proimg{
            width: 180px;
            height: 134px;
            img{
                @extend .proimg;
            }
        }
        .proinfo{
            p{
                font-size: 12px;
                text-align: center;
            }
            P:first-child{
                margin-bottom: 5px;
                margin-top: 39px;
            }
        }
     }
     a:nth-child(4n){
         margin-right: 0;
     }
}
.content{
    width: 100%;
    
    .sell{
        width: 100%;
        margin-bottom: 75px;
        position: relative;
    }
    .show{
        width: 1000px;
        height: 260px;
        @include divCenter;
        position: relative;
        img{
            @extend .show;
        }
        .info{
            width: 117px;
            height: 89px;
            margin-top: 94px;
            @include divCenter;
            border-bottom:1px solid white;
            position: absolute;
            left: 442px;
            top: 94px;
            p{
                font-size: 38px;
                text-align: center;
                color: white;
                // font-weight: bold;
            } 
            p:last-child{
                width: 217px;
                font-size: 24px;
                text-align: center;
                color: #c6c6c6;
                position: absolute;
                bottom: 10px;
                left: -50px;
            }
        }
        
    }
    .new{
        width: 100%;
        margin-bottom: 75px;
        position: relative;
    }
}
@media(min-device-width:750px)and(max-device-width:940px){
    .product{
        width: 750px;
    }
    .product a:nth-child(4n){
        margin-right: 66px;
    }
    .show{
        display: none;
    }
}
@media(min-device-width:500px)and(max-device-width:750px){
    .product{
        width: 500px;
    }
    .product a:nth-child(4n){
        margin-right: 66px;
    }
    .show{
        display: none;
    }
}
@media(max-device-width:499px){
    .product{
        width: 180px;
    }
    .product a{
        margin-left:0;
        margin-right: 0;
    }
    .product a:nth-child(4n){
        margin-right: 66px;
    }
    .show{
        display: none;
    }
    .more{
        left: 5.5rem;
    }
}